<html>
<head>
<title>角色分配</title>
<link href="include/css/default.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
#Layer1 {
	position:absolute;
	left:46.25%;
	top:300px;
	width:47px;
	height:66px;
	z-index:1;
}
-->
</style>
<script type="text/javascript">
<!--
function addGroup(){
	var arr=new Array();
	var num=0;
	for(var i=1;i<document.frm.selectGroup.options.length;i++)
	{
		if(document.frm.selectGroup.options[i].selected)
		{
			var temp=document.createElement("OPTION");
			temp.text=document.frm.selectGroup.options[i].text;
			temp.value=document.frm.selectGroup.options[i].value;
			document.frm.isGroup.add(temp);
			arr[num]=document.frm.selectGroup.options[i].index;
			num++;
		}	
	}
	for(var j=0;j<arr.length;j++)
	{
		document.frm.selectGroup.remove(arr[j]-j);
	}
}
function removeGroup(){
	var arr=new Array();
	var num=0;
	for(var i=1;i<document.frm.isGroup.options.length;i++)
	{
		if(document.frm.isGroup.options[i].selected)
		{
			var temp=document.createElement("OPTION");
			temp.text=document.frm.isGroup.options[i].text;
			temp.value=document.frm.isGroup.options[i].value;
			document.frm.selectGroup.add(temp);
			arr[num]=document.frm.isGroup.options[i].index;
			num++;
		}	
	}
	for(var j=0;j<arr.length;j++)
	{
		document.frm.isGroup.remove(arr[j]-j);
	}
}

//-->
</script>
</head>

<body>
<script language="javascript">
function click() {
  if (event.button==2) { 
    alert('禁止使用鼠标右键!')
  }
}
document.onmousedown=click
</script> 
<div id="Layer1">
  <p>
    <input type="button" onClick="addGroup()" name="addGroup" value=" 8 " STYLE="font:12pt webdings">
  </p>
  <p>
    <input type="button" onClick="removeGroup()" name="removeGroup" value=" 7 " style="font:12pt webdings">
</p>
</div>
<br>
<br>
<form name=frm>
<table width="100%" align="center" cellpadding="4" cellspacing="1" class='table03'  >
  <!--DWLayoutTable-->
<tr>
  <td height="29" colspan="2" align="center" valign="top" class='table_title'>角色分配</td>
  </tr>
<tr>
  <td width="30%" height="30" align='center' valign="top" class='td_title'>员工编号</td>
  <td width="70%" align='left' valign="top" class='td_content'>A00001</td>
  </tr>
<tr>
  <td height="29" align='right' valign="top" class='td_title'>员工姓名</td>
  <td align='left' valign="top" class='td_content'>张三</td>
  </tr> 
<tr>
  <td height="29" align='right' valign="top" class='td_title'>所属部门</td>
  <td align='left' valign="top" class='td_content'>财务部</td>
  </tr> 
<tr>
  <td height="29" align='right' valign="top" class='td_title'>担任职务</td>
  <td align='left' valign="top" class='td_content'>主管</td>
  </tr> 
<tr>
  <td height="250" colspan="2" valign="top" bgcolor="#D9E8FF"><p> 　　可分配角色:　　　　　　　　　　已分配角色:</p>    
    <p> 　 　　
      <select name="selectGroup" ondblclick="addGroup()" size="15" multiple>
        <option value="0">--------****-------</option>
        <option value="1">财务主管</option>
        <option value="2">财务记帐</option>
		<option value="3">财务记帐1</option>
		<option value="4">财务记帐2</option>
		<option value="5">财务记帐3</option>
		<option value="6">财务记帐4</option>
		<option value="7">财务记帐5</option>
          </select>
       　　　  
       <select name="isGroup" ondblclick="removeGroup()" size="15" multiple>
         <option value="0">--------****--------</option>
        </select>
      </p></td>
  </tr>
<tr>
  <td height="32" colspan="2" align='center' valign="top" class=td_title><input type="submit" value="提交" onClick="return toSure();" class="button1">
 		 &nbsp;
      <input type="reset" value="取消" class="button1" onClick="history.go(-1);">      </center>	</td>
  </tr>
</table>
</form>
<p class="important">提示:两边的均为多选项可以一次性插入相应角色。 </p>
</body>
</html>
